* {
  margin: 0;
  padding: 0;
  list-style: none;
}
a, a:hover {
  display: block;
  color: inherit;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
}

label, input, textarea, button, select {
  display: block;
  border: none;
  outline: none;
}

img {
  display: block;
  border: none;
}

body {
  font-family: "Microsoft YaHei","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;
  background: #fff;
  width: 100vw;
  margin: auto;
}
@rem: 100rem;
.main{
  position: relative;
  width: 100%;
  .img{
    width: 100%;
    height: 400/@rem;
  }
  .title{
    width: 100%;
    font-size: 80/@rem;
    color: #000;
    margin-top: -30/@rem;
    font-weight: bold;
    text-align: center;
  }
  .tip{
    width: 100%;
    margin-top: 20/@rem;
    font-size: 40/@rem;
    color: #B3B3B3;
    text-align: center;
  }
  .input{
    width: 620/@rem;
    height: 110/@rem;
    margin:50/@rem auto;
    background: #fff;
    box-shadow:0px 16/@rem 58/@rem 2/@rem rgba(203,203,203,0.58);
    border-radius:55/@rem;
    .left{
      float: left;
      width: 120/@rem;
      height: 50/@rem;
      padding: 30/@rem 0;
      img{
        display: block;
        width: 50/@rem;
        height: 50/@rem;
        margin:0 auto;
      }
    }
    .right{
      float: left;
      width: 480/@rem;
      height: 50/@rem;
      padding: 30/@rem 0;
      input{
        display: block;
        width: 100%;
        height: 50/@rem;
        line-height: 50/@rem;
        font-size: 30/@rem;
      }
    }
  }
  .input_yzm{
    width: 620/@rem;
    height: 110/@rem;
    margin:50/@rem auto;
    .left{
      float: left;
      width: 365/@rem;
      height: 110/@rem;
      background: #fff;
      box-shadow:0px 16/@rem 58/@rem 2/@rem rgba(203,203,203,0.58);
      border-radius:55/@rem;
      .icon{
        float: left;
        width: 120/@rem;
        height: 50/@rem;
        padding: 30/@rem 0;
        img{
          display: block;
          width: 50/@rem;
          height: 50/@rem;
          margin:0 auto;
        }
      }
      .text{
        float: left;
        width: 220/@rem;
        height: 50/@rem;
        padding: 30/@rem 0;
        input{
          display: block;
          width: 100%;
          height: 50/@rem;
          line-height: 50/@rem;
          font-size: 30/@rem;
        }
      }
    }
    .right{
      float: right;
      width: 230/@rem;
      height: 110/@rem;
      background:linear-gradient(90deg,rgba(27,215,165,1),rgba(81,145,232,1));
      box-shadow:0px 16/@rem 58/@rem 2/@rem rgba(203,203,203,0.58);
      border-radius:55/@rem;
      input{
        display: block;
        width: 100%;
        height: 100%;
        line-height: 110/@rem;
        color: #fff;
        font-size: 30/@rem;
        background: none;
        border: none;
        outline:none;
      }
    }
  }
  .btn{
    width: 620/@rem;
    height: 110/@rem;
    line-height: 110/@rem;
    margin:50/@rem auto;
    text-align: center;
    font-size: 34/@rem;
    color: #fff;
    background:linear-gradient(90deg,rgba(27,215,165,1),rgba(81,145,232,1));
    box-shadow:0px 16/@rem 58/@rem 2/@rem rgba(203,203,203,0.58);
    border-radius:55/@rem;
  }
}

#msg{
  padding:10px;
  background:#000;
  opacity:0.8;
  color:#fff;
  border-radius:2px;
  font-size:14px;
  text-align:center;
  display:none;
  position:fixed;
  top:50%;
  z-index:99999;
  box-shadow:1px 1px 3px #292929;
}